<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>尚合科技</title>
		<style>
			/*整体布局*/
			* {
				margin:0;
				padding: 0;
				font-size: 12px;
				font-family: "宋体","微软雅黑";
			}
			ul {
				list-style: none;
			}
			a {
				text-decoration: none;
			}
			.header,.fix,.product,.news,.technic,.footer,.footer_in,.bottom,.bottom_in
			{
				position: relative;
			}
			.search,.txt,.title,.product_c,.product_l,.product_r,.news ul,.technic ul,p ,.footer ul {
				position: absolute;
			}
			/*头部*/
			.header {
				width: 980px;
				height: 61px;
				margin:0 auto;
			}
			.logo {
				float: left;
				margin-top:11px;	
			}
			.search {
				right: 0px;
				top:15px;
			}
			.txt {
				height: 26px;
				width: 150px;
				background-color: white;		
				right:33px;
				top:15px;
			}
			/*导航*/
			.nav {
				height: 55px;
				background: url(img/nav_bg.png);
				border-top: 1px solid #ececec;
			}
			.nav ul {
				width:900px;
				margin: 0 auto;
			}
			.nav ul li a {
				float:left;
				width: 149px;
				line-height: 55px;
				text-align: center;
				color: black;
				border-right: 1px solid #ccc;
			}
			.nav ul li a:hover {
				color:greenyellow;
			}
			/*中间图片*/
			.banner {
				text-align: center;
			}
			/*公告*/
			.notice {
				height: 25px;
				background-color: #fbfbfb;
				border-top:1px solid #efefef;
				border-bottom:1px solid #efefef;
				margin-bottom: 12px;
			}
			.notice_in {
				width:980px;
				margin:0 auto;
			}
			.notice_in span {
				line-height: 25px;
			}
			.notice_in img {
				float:right;
				margin-left:5px;
				margin-top: 5px;
			}
			/*产品 新闻 技术*/
			.fix {
				width:980px;
				margin: 0 auto;
			}
			.product,.news {
				float: left;
				border: 1px solid #ECECEC;
				margin-right: 10px;
			}
			.title {
				text-indent: 16px;
				color: green;
				font-size: 14px;
				background:url(img/o.jpg) no-repeat 1px 3px;
				top:10px;
				left:3px;
			}
			/*产品*/
			
			.product {
				width:298px;
				height: 250px;
			}
			
			.product_l {
				top:130px;
				left:20px;
			}
			.product_r {
				top:130px;
				right:20px;
			}
			.product_c {
				top:50px;
				left: 48px;
			}
			/*新闻*/
			.news {
				width: 358px;
				height: 250px;
			}
			.news ul {				
				top: 45px;
				left: 15px;
			}
			.news ul li {
				width:328px;
				height:30px;
				border-bottom: 1px dashed #ECECEC;
				line-height: 30px;	
			}
			/*技术*/
			.technic {
				width: 298px;
				height: 250px;
				border: 1px solid #ECECEC;
				float: right;
			}
			.technic ul {
				top:50px;
				left: 15px;
			}
			.technic ul li {
				width: 120px;
				height: 14px;
				line-height: 12px;
				text-indent: 5px;
				border-left: 3px solid green;
				margin-bottom: 10px;
			}
			.technic p {
				bottom: 40px;
				left: 20px;
			}
			/*footer*/
			.footer {
				height: 219px;
				background: #2D2D2D;
				border-bottom:1px dashed #414141;
				top: 260px;
			}
			.footer_in {
				width: 980px;
				margin: 0 auto;
			}
			.footer ul li{
				float: left;
				width: 100px;
				height: 24px;		
			}
			.footer .ul_top {
				top: 20px;
				left: 20px;
				color: #c7c7c7;
			}
			.footer .ul_bottom {
				top: 50px;
				left: 20px;
				color: #707070;
			}
			/*底部*/
			.bottom {
				top:260px;
				height: 80px;
				background-color: #2d2d2d;
				text-align: center;
			}
		    .bottom_in {
		    		width: 500px;
		    		margin: 0px auto;
		    		top: 40px;
		    }
		</style>
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<div class="logo">
				<img src="img/logo.jpg" />
			</div>
			<input class="txt" type="text"  value="请输入" />
			<div class="search"> <img src="img/search2.jpg" /></div>
			
		</div>
		<!--导航-->
		<div class="nav">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">智能手机</a></li>
				<li><a href="#">平板电脑</a></li>
				<li><a href="#">配件</a></li>
				<li><a href="#">服务支持</a></li>
				<li><a href="#">关于上合</a></li>
			</ul>
		</div>
		<!--中间图片-->
		<div class="banner">
			<img src="img/banner.jpg" />
		</div>
		<!--公告-->
		<div class="notice">
			<div class="notice_in">
				<span>最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</span>
				<img src="img/renren.png" />
				<img src="img/weibo.png" />
				<img src="img/xinlang.png" />
				<img src="img/zone.png" />
			</div>
		</div>
		<!--产品 新闻 技术-->
		<div class="fix">
			<div class="product">
				<div class="title">新品发布</div>
				<div class="product_l">
					<img src="img/left.png" />
				</div>
				<div class="product_c">
					<img src="img/home_hot_01.png" />
				</div>
				<div class="product_r">
					<img src="img/right.png" />
				</div>
			</div>
			<div class="news">
				<div class="title">新闻中心</div>
				<ul>
					<li style="color:red;">致歉公告</li>
					<li>首批尚合Aonet已全部售馨!</li>
					<li>【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
					<li>我司产品已经通过了国家强制性产品3C认证</li>
					<li>尚合Aone智能手机入网证已经获工信部门审批下发.</li>
					<li>我司通过ISO9001:2008国际质量管理体系认证</li>
				</ul>
			</div>
			<div class="technic">
				<div class="title">技术与支持</div>
				<ul>
					<li>售后服务</li>
					<li>投诉与建议</li>
					<li>联保网店</li>
					<li>常见问题FAQ</li>
				</ul>
				<p>深圳市汇聚众合科技发展有限公司<br>服务热线：400-633-7922</p>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="footer_in">
				<ul class="ul_top">
					<li>尚合首页</li>
					<li>尚合首页</li>
					<li>尚合首页</li>
					<li>尚合首页</li>
				</ul>
				<ul class="ul_bottom">
					<li>返回首页</li>
					<li>返回首页</li>
					<li>返回首页</li>
					<li>返回首页</li>
				</ul>
			</div>
		</div>
		<div class="bottom">
			<div class="bottom_in">
				<p>深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br>会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司</p>
			</div>	
		</div>
	</body>
</html>
